
/* =================================================
Stylesheet für die Website www.hoffnung-kindheit.de  
Stand: Dropdown-Navi, eingebunden via zentrale.css
       basiert auf floatbasierter horizontaler Navi 
Datei: navi-float.css
Datum: 02. Dezember 2012
Autor: Klaus Uhl 
================================================== */
@media screen {

div#navi{
	position: relative;
	float: left;
	width: auto;
	color: black;
	padding: 10px 0 0 20px; 
	margin: 0;
	background: #ff9933 url(border-bottom.gif) repeat-x left bottom;
	
}

* html #navi {height: 1%;}     /*Sternchen-Hack für IE6*/

div#content{clear: both;}

	div#navi ul{
		margin: 0;
		padding: 0;
	}

	div#navi li{
		float: left;
		width: auto;
		list-style: none;   /*Aufzählungspunkte weg*/
		margin: 0;
		padding: 0;
	}
	
	div#navi a{
		display: block;
		color: black;
		text-align: center;
		text-decoration: none;
		width: 120px;
		background-color: #FCBB79;
		padding: 7px 13px 7px 10px;
		/*margin: 0 4px 0 4px;*/
		border: 1px solid #8c8c8c;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
/* Gestaltung der Linkzustände */
	
	div#navi a.sie-sind-hier{
		color: #844D15;
		background-color: white;
		border-bottom-color: white;
	}
	
	div#navi a:hover, div#navi a:focus{
		color: white;
		background-color: #FF9933;
	}
	
	div#navi a.sie-sind-hier:hover{
		color: white;
		background-color: #FF9933;
		border-bottom-color: white;
	}
	
	div#navi a:active{
		color: #FF9933;
		background-color: white;
	}
	
/***********************************************************
 *  Styles für die Drop-Down-Navi                          *
 ***********************************************************/

/* Listenelemente in Ebene 2 clearen -> untereinander */

div#navi ul.level2 li{
	clear: both;
}

/* Ebene 2 verstecken */

div#navi ul.level2{
	position: absolute;
	left: -32768px;
	top: -32768px;
	width: 0;
	height: 0;
}

/* Ebene 2 wieder einblenden */

div#navi li:hover ul.level2{
	left: auto;
	top: auto;
	display: block;
	width: auto;
	height: auto;
	border-bottom: 1px solid #8c8c8c;
	
}

/* Hyperlinks in Ebene 2 stylen */

div#navi ul.level2 a{
	color: #844D15;
	background-color: white;
	text-align: center;
	border: none;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

* html div#navi ul.level2 a{width: 6em;}

div#navi ul.level2 a:hover, div#navi ul.level2 a:focus{
	color: white;
	background-color: #FF9933;
}

div#navi ul.level2 a:active{
	color: #FF9933;
	background-color: white;
}

	
} /* Ende @media - nicht löschen! */  
/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */